/*---------------------------------------------------------------------------------------------------------*/
$bg_box_color: #f8f9fc;
$link_color: #e3e5e4;

.itemBox {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

  .itemText {
    background: $bg_box_color;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
  }

  .itemBtn {
    position: absolute;
    bottom: -20px;
    // background: red;
    width: 15px;
    height: 15px;
    z-index: 100;
    font-size: 12px;
  }

  .noBtn {
    display: none;
  }

}

.orgchart ul li {
  display: flex;
  flex-direction: column;
  align-items: center;

  .oci {
    display: none;
  }

  .focused {
    background: transparent !important;
  }

  .node {
    padding: 0px;

    // border: 2px solid #6c10c7;

    &:hover {
      background: transparent !important;
    }

    .bottomEdge {
      bottom: -17px !important;
      //  background-color: green;
    }
  }
}

.orgchart {
  background: #ffffff;
  height: 1000px;
  width: calc(100%);

  // 线体颜色
  .node {
    &::before {
      background-color: $link_color !important;
    }

    &::after {
      background-color: $link_color !important;
    }
  }

  .hierarchy {
    &::before {
      border-top: 2px solid $link_color;
    }
  }
}